/*
 * Chart heading
 */
.charts-css {

  &:not(.show-heading) {

    caption {
      display: none;
    }
  }

  &.show-heading {
    --heading-size: 1.5rem;

    caption {
      display: block;
      width: 100%;
      height: var(--heading-size);
    }

  }

}
